<template>
  <div>
    <h2>World</h2>

    <button @click="show = !show">Toggle</button>

    <WidthTransition>
      <div v-if="show" class="box"></div>
    </WidthTransition>
  </div>
</template>

<script>
export default {
  data() {
    return {
      show: true,
    };
  },
};
</script>

<style scoped>
.box {
  width: 200px;
  height: 100px;
  background-color: orange;
}
</style>
